<template>
    <div class="home-down">
        <div class="content">
            <ul class="item clearfix">
                <li class="left public">
                    <span>驾考宝典APP下载</span>
                    <p>考驾照 用宝典</p>
                </li>
                <li class="right public">
                    <span>驾考宝典微信小程序</span>
                    <p>无需下载，驾考做题更方便！</p>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default{

}
</script>

<style lang="scss">
    .home-down{
        width: 1200px;
        margin: 60px auto;
        //background-color: palegoldenrod;
        .content{
            ul{
                display: flex;
                justify-content: space-between;
                .public{
                    width: 600px;
                    line-height: 1.7;
                    margin: 20px 0;
                    padding: 40px 80px;
                    background: url(../assets/down-left.png) right 80px center no-repeat;
                    background-size: 140px;
                    border-right: 1px solid #e9e9e9;
                    span{
                        font-size: 20px
                    }
                    p{
                        color: #999;
                    }
                }
                .right{
                    background: url(../assets/down-right.jpg) right 80px center no-repeat;
                    background-size: 130px;
    border: none;

                }
            }
        }
    }
</style>